<template>
	<view class="container">
	<view class="section">
		<p class="title">参与话题，分享有趣或想吐槽的经历，帮助更多热爱旅行的人</p>
		<p class="describe">超过50个字+3张图片</p>
		<p class="chance">有机会被加精华上首页</p>
		<view class="uploadBox">
			<img src="../../static/destination/微信图片_20220927111259_03.jpg" alt="">
			<img src="../../static/destination/微信图片_20220927111259_05.jpg" alt="">
		</view>
		<p class="locationP">所在位置<span>选择旅行地点会获得更多互动哦~</span></p>
		<p class="goodsP">关联商品<span>关联收藏的商品</span></p>
	</view>
	<view class="footer">
		<button>发布</button>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
::-webkit-scrollbar{
	display: none;
}
html,body,.container{
	width: 100%;
	height: 100%;
	background-color: white;
}
.container{
	display: flex;
	flex-direction: column;
	.section{
		width: 100%;
		height: 1146upx;
		.title{
			margin: 0 20upx;
			font-size: 28upx;
			color: gray;
		}
		.describe{
			margin-left: 20upx;
			margin-top: 200upx;
			font-size: 28upx;
			color: gray;
		}
		.chance{
			margin-left: 20upx;
			font-size: 28upx;
			color: orangered;
		}
		.uploadBox{
			margin-top: 20upx;
			img{
				margin-left: 20upx;
			}
		}
		.locationP{
			width: 100%;
			height: 90upx;
			margin-top: 20upx;
			background-color: #eee;
			line-height: 90upx;
			padding-left: 20upx;
			font-size: 30upx;
			span{
				padding-left: 40upx;
				color: #4a9beb;
			}
		}
		.goodsP{
			width: 100%;
			height: 90upx;
			margin-top: 20upx;
			background-color: #eee;
			line-height: 90upx;
			padding-left: 20upx;
			font-size: 30upx;
			span{
				padding-left: 40upx;
				color: #ccc;
			}
		}
	}
	.footer{
		width: 100%;
		height: 100upx;
		// background-color: pink;
		button{
			background-color: gold;
			width: 95%;
			margin-left: 2.5%;
			border-radius: 40upx;
		}
	}
}
</style>
